<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			.top {
				width: 100%;
				height: 3.58rem;
				/*background: red;*/
				display: flex;
				border-bottom: 1px solid gainsboro;
				position: fixed;
				top: 0;
				left: 0;
			}
			
			.top p {
				flex: 1;
				line-height: 3.58rem;
			}
			
			.top p:nth-child(1) {
				text-align: left;
				padding-left: 1.2rem;
				font-size: 1.3rem;
			}
			
			.top p:nth-child(2) {
				text-align: center;
				font-size: 1.3rem;
				
				/*background: red;*/
				overflow: hidden;
			}
			
			.top p:nth-child(3) {
				text-align: right;
				padding-right: 1.2rem;
				font-size: 2.33rem;
			}
			/*content*/
			.content{
				margin-top: 3.58rem;
				margin-bottom: 3.58rem;
			}
			
			.binding {
				width: 100%;
				height: 3.58rem;
				/*background: red;*/
				display: flex;
				border-bottom: 1px solid gainsboro;
			}
			
			.binding p {
				flex: 1;
				line-height: 3.58rem;
			}
			
			.binding p:nth-child(1) {
				text-align: left;
				padding-left: 1.2rem;
				font-size: 1.5rem;
			}
			
			.binding p:nth-child(2) {
				text-align: center;
				font-size: 1.2rem;
				overflow: hidden;
			}
			
			.binding p:nth-child(3) {
				text-align: right;
				padding-right: 1.2rem;
				font-size: 2.33rem;
			}
			
			.address{
				width: 100%;
				height: 4.5rem;
				/*background: red;*/
				display: flex;
				border-bottom: 1px solid gainsboro;
			}
			
			.add-left{
				width: 90%;
				height: 4.3rem;
				/*border-right: 1px solid gray;*/
			}
			
			.add-left p{
				padding-left: 1rem;
				padding-bottom: 0.7rem;
			}
			.add-left a{
				text-decoration: none;
				color: #fdbb18;
			}
			.add-right{
				width: 8%;
				height: 4.3rem;
				
			}
			
			.add-right p{
				font-size: 2rem;
				text-align: center;
				line-height: 4.3rem;
				color: gray;
			}
			
			
			.bottom{
				width: 100%;
				height: 3.58rem;
				/*background: red;*/
				
				border-top: 1px solid gainsboro;
				position: fixed;
				bottom: 0;
				left: 0;
			}
			
			.anniu {
				width: 90%;
				height: 2.66rem;
				border-radius: 10px;
				margin: 0 auto;
				margin-top: 0.7rem;
				background: #e42321;
				border: 1px solid darkgray;
				overflow: hidden;
			}
			
			.anniu p {
				text-align: center;
				line-height: 2.26rem;
				color: white;
				font-size: 1.2rem;
			}
			
		
		</style>
	</head>

	<body>
		<div class="app">

			<div class="top">
				<p>返回</p>
				<p>收货地址管理</p>
				<p>···</p>
			</div>

			<div class="content">
				<div class="binding">
					<p>＜</p>
					<p>收货地址管理</p>
					<p></p>
				</div>
				
				<div class="address">
					
					<div class="add-left">
						<p>666    13425896</p>
						<p><a href="">[默认]</a>北京市海淀区上地七街八维研修学院</p>
						
					</div>
					<div class="add-right">
						<p>＞</p>
					</div>
				</div>
				
				
				
			</div>
			
		<div class="bottom">
				<div class="anniu">
						<p>+添加新地址</p>
				</div>

			
		</div>

		</div>
	</body>

</html>